<!DOCTYPE html>

<html  xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; Charset=gb2312">
    <meta http-equiv="Content-Language" content="zh-CN">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <title>relative的个人博客</title>
    <link rel="shortcut icon" href="../images/Logo_40.png" type="image/x-icon">
    <!--Layui-->
    <link href="LayuiBlog/plug/layui/css/layui.css" rel="stylesheet"/>
    <!--font-awesome-->
    <link href="LayuiBlog/plug/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
    <!--全局样式表-->
    <link href="LayuiBlog/css/global.css" rel="stylesheet"/>
    <!-- 本页样式表 -->
    <link href="LayuiBlog/css/home.css" rel="stylesheet"/>
    <link href="LayuiBlog/css/jqcloud.css" rel="stylesheet">
    <link rel="stylesheet" href="static/editormd/css/editormd.preview.css" />
    <link href="/BlogAdmin/css/login.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<!-- 导航 -->
<nav class="blog-nav layui-header">
    <div class="blog-container">
        <!-- QQ互联登陆 -->
        <!--            <a href="javascript:;" class="blog-user">-->
        <!--            <i class="fa fa-qq" >登录</i>-->
        <!--            </a>-->

        <!--            <a href="javascript:;" class="blog-user layui-hide">-->
        <!--                <img src="../images/Absolutely.jpg" alt="Absolutely" title="Absolutely" />-->
        <!--            </a>-->
        <!-- 不落阁 -->
        <a class="blog-logo" href="/home">relative</a>
        <!-- 导航菜单 -->
        <ul class="layui-nav" lay-filter="nav">
            <li class="layui-nav-item">
                <a href="/home"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
            </li>
            <li class="layui-nav-item">
                <a href="/article"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
            </li>
            <li class="layui-nav-item">
                <a href="/resource"><i class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a>
            </li>
            <li class="layui-nav-item">
                <a href="/timeline"><i class="fa fa-hourglass-half fa-fw"></i>&nbsp;点点滴滴</a>
            </li>
            <li class="layui-nav-item">
                <a href="/about"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
            </li>
            <li class="layui-nav-item adminUserCss" style="float: right">
                <a id="registerwarn" href="#">注册</a>
            </li>
            <li class="layui-nav-item adminUserCss layui-this" style="float: right">
                <a href="/login">登录</a>
            </li>
        </ul>

        <!-- 手机和平板的导航开关 -->
        <a class="blog-navicon" href="javascript:;">
            <i class="fa fa-navicon"></i>
        </a>

    </div>
</nav>
<div class="login_box">
    <div class="login_l_img"><img src="/BlogAdmin/images/login-img.png"/></div>
    <div class="login">
        <div class="login_logo"><a href="#"><img src="/LayuiBlog/images/avatar.jpg"/></a></div>
        <div class="login_name">
            <p>relative博客-后台管理系统</p>
        </div>
        <form method="POST" th:action="@{/checkUser}">
            <input name="username" type="text" value="用户名" onfocus="this.value=''"
                   onblur="if(this.value==''){this.value='用户名'}">
            <span id="password_text"
                  onclick="this.style.display='none';document.getElementById('password').style.display='block';document.getElementById('password').focus().select();">密码</span>
            <input name="password" type="password" id="password" style="display:none;"
                   onblur="if(this.value==''){document.getElementById('password_text').style.display='block';this.style.display='none'};"/>
            <input value="登录" style="width:100%;" type="submit">
            <div th:text="${message}" style="font-size: 20px;color: red; text-align: center"></div>
        </form>
    </div>
    <div class="copyright"> by:&nbsp;relative--版权所有©2020</div>
</div>
<div style="text-align:center;">
</div>
</body>
</html>


